<?php use_javascript('swfobject.js')?>
<div id="contenedor_tema">
    <h1 style="font-size: 34px"><?php echo $tema->getTitulo() ?></h1>

    <div style="margin-bottom: 70px">
        <p><?php echo $tema->getTexto() ?></p>
    </div>

    <div>
        <div id="navegacion_temas">
        <?php if($temaAnterior != NULL): ?>
        <a id="link_tema_anterior" href="<?php echo url_for('/tema/show/id/'.$temaAnterior->getId()) ?>">← <b>Tema Anterior</b> <?php // echo $temaAnterior->getTitulo() ?>
        </a>
        <?php endif; ?>
        <?php if($temaSiguiente != NULL): ?>
        <a id="link_tema_siguiente" href="<?php echo url_for('/tema/show/id/'.$temaSiguiente->getId()) ?>">
             <b>Siguiente Tema</b> <?php //echo $temaSiguiente->getTitulo() ?> →
        </a>
        <?php endif; ?>
        </div>
    </div>

    <a name="ytplayer"></a>
    <div id="ytplayer_div">
    </div>
    


    <?php
        $videos = $tema->getVideos();

        if(sizeof($videos) != 0){

        if($videoNuevo != 'nada'){
            foreach($videos as $video){
                if($video->getYoutubeId() == $videoNuevo){
                    $el_video = $video;
                }
            }
        }else{
            $el_video = $videos[0];
        }
    ?>


    <div style="min-height: 300px;overflow:hidden;">
        <div style="min-height: 190px">

        <h2>Subido por:</h2>
        <div id="evaluacion" style="min-height: 140px">
            <?php include_partial('detalleVideo',array('el_video' => $el_video)) ?>
        </div></div>
    </div>
    
    <div id="galeria_videos" style="position: absolute; bottom: -10px">
    <h2>Videos:</h2>
    <?php foreach($videos as $video): ?>
        <a href="#ytplayer" onClick="ytplayer_loadvideo('<?php echo $video->getYoutubeId() ?>'); callUrl('evaluacion','<?php echo url_for('tema/actualizarDetalleVideo)').'?video_id='.$video->getId() ?>');"><img alt="Video de Youtube fallo." src="http://img.youtube.com/vi/<?php echo $video->getYoutubeId() ?>/default.jpg" /></a>
    <?php endforeach; ?>
    </div>
    <?php } ?>
</div>





<div id="contenedor_comentarios" style="margin-left: 80px">
    <script type="text/javascript">
        callUrl('contenedor_comentarios','<?php echo url_for('tema/cargarComentarios').'?id='.$tema->getId(); ?>')
    </script>
</div>


 <?php if(sizeof($videos) != 0){ ?>

<script type="text/javascript">
swfobject.embedSWF(
    'http://www.youtube.com/v/<?php
        echo $el_video->getYoutubeId();
    ?>&enablejsapi=1&rel=0&fs=1',
    'ytplayer_div',
    '1000',
    '563',
    '8',
    null,
    null,
    {
      allowScriptAccess: 'always',
      allowFullScreen: 'true'
    },
    {
      id: 'ytplayer_object'
    }
  );

   function ytplayer_loadvideo( id ) {
    var o = document.getElementById( 'ytplayer_object' );
    if( o ) {
      o.loadVideoById( id );
    }
  }
</script>

<?php } ?>

